.test-table,
.data-table {
    width: calc(100% - 40px);
    // padding-top: 20px;
    margin: 0 auto;
    clear: both;
    .table-thead {
        height: 40px;
        line-height: 40px;
        background-color: #dff4f6;
        &:after {
            content: '';
            display: block;
            clear: both;
        }
        .table-th {
            float: left;
            width: 20%;
            text-align: center;
            color: #0f99a6;
            font-weight: bold;
            font-size: 14px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
    }
    .tr-slice-line {
        display: block;
        width: 100%;
        height: 1px;
        background-color: #d4ecee;
        margin: 2px 0;
    }
    .table-tr {
        height: 54px;
        line-height: 54px;
        // border-bottom: 1px solid #d4ecee;
        &:after {
            content: '';
            display: block;
            clear: both;
        }
        &:hover {
            background-color: #f1fafb;
        }
        .table-input-container {
            float: left;
            width: 20%;
            text-align: center;
            .table-input {
                width: calc(100% - 20px);
                height: 30px;
                border: solid 1px #dedede;
                outline: 0;
                text-align: center;
                // padding: 0 9px;
            }
        }
        .table-td {
            float: left;
            width: 20%;
            color: #333333;
            text-align: center;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            .user-head {
                display: inline-block;
                vertical-align: middle;
                width: 24px;
                height: 24px;
                border-radius: 50%;
                margin-right: 10px;
                border: 1px solid #b7e1e5;
            }
            .editlogo {
                display: inline-block;
                vertical-align: middle;
                width: 14px;
                height: 14px;
                margin-right: 20px;
                cursor: pointer;
                position: relative;
                top: -1px;
                background-image: url(../../pages/app/images/小图标-编辑.png);
                background-size: 100% 100%;
                &:hover {
                    background-image: url(../../pages/app/images/小图标-编辑-悬停.png);
                }
            }
            .deletelogo {
                display: inline-block;
                vertical-align: middle;
                width: 14px;
                height: 14px;
                cursor: pointer;
                position: relative;
                top: -1px;
                background-image: url(../../pages/app/images/小图标-删除.png);
                background-size: 100% 100%;
                &:hover {
                    background-image: url(../../pages/app/images/小图标-删除-悬停.png);
                }
            }
            .confirmlogo {
                display: inline-block;
                vertical-align: middle;
                width: 13px;
                height: 10px;
                cursor: pointer;
                position: relative;
                top: -1px;
                margin-right: 14px;
                background-image: url(../../pages/app/images/新增类型-确定.png);
                background-size: 100% 100%;
                &:hover {
                    opacity: 0.75;
                }
            }
            .cancellogo {
                display: inline-block;
                vertical-align: middle;
                width: 10px;
                height: 10px;
                cursor: pointer;
                position: relative;
                top: -1px;
                background-image: url(../../pages/app/images/删除.png);
                background-size: 100% 100%;
                &:hover {
                    opacity: 0.75;
                }
            }
        }
    }
    .table-pagination {
        display: inline-block;
        position: relative;
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
        .ant-pagination-prev,
        .ant-pagination-next {
            width: 28px;
            height: 26px;
            line-height: 26px;
            border-style: solid;
            border-width: 1px;
            border-radius: 3px !important;
            border-image-source: linear-gradient(0deg, #0594a2 0%, #16b0bf 38%, #26cbdb 100%);
            border-image-slice: 1;
            &:hover {
                button {
                    height: 26px;
                    line-height: 26px;
                    position: relative;
                    top: -1px;
                    color: #fff;
                    border-radius: 0px !important;
                    background-image: linear-gradient(0deg, #26cbdb 0%, #16b0bf 62%, #0594a2 100%), linear-gradient( #379ef5, #379ef5);
                }
            }
            button {
                height: 26px;
                line-height: 26px;
                color: #48949b;
            }
        }
        .ant-pagination-item {
            width: 28px;
            height: 26px;
            line-height: 26px;
            border-style: solid;
            border-width: 1px;
            border-radius: 3px !important;
            border-image-source: linear-gradient(0deg, #0594a2 0%, #16b0bf 38%, #26cbdb 100%);
            border-image-slice: 1;
            &:hover {
                border-radius: 0px !important;
                a {
                    color: #fff;
                    border-radius: 0px !important;
                    background-image: linear-gradient(0deg, #26cbdb 0%, #16b0bf 62%, #0594a2 100%), linear-gradient( #379ef5, #379ef5);
                }
            }
            a {
                width: 26px;
                height: 24px;
                padding-right: 1px;
                color: #48949b;
            }
        }
        .ant-pagination-item-active {
            a {
                color: #fff;
                background-image: linear-gradient(0deg, #26cbdb 0%, #16b0bf 62%, #0594a2 100%), linear-gradient( #379ef5, #379ef5);
            }
        }
    }
}